<template>
    <div>
        <el-button v-hasPermi="[$button.systemuserentQuery || null]" style="padding: 5px" :size="'small'" type="primary"
            @click="props.tableItem.btnArray[0].handle(props.scope)" text>查看</el-button>
        <el-button v-hasPermi="[$button.systemuserentEdit || null]" style="padding: 5px" :size="'small'" type="primary"
            @click="props.tableItem.btnArray[1].handle(props.scope)" text>修改</el-button>
        <el-button v-hasPermi="[$button.systemuserviewPwd || null]" style="padding: 5px" :size="'small'" type="primary"
            @click="props.tableItem.btnArray[2].handle(props.scope)" text>查看密码</el-button>
        <el-button v-hasPermi="[$button.systemuserentEnable || null]" style="padding: 5px" :size="'small'" type="danger"
            @click="props.tableItem.btnArray[3].handle(props.scope)" v-if="props.scope.status === '0'" text>禁用</el-button>
        <el-button v-hasPermi="[$button.systemuserentEnable || null]" style="padding: 5px" :size="'small'" type="primary"
            @click="props.tableItem.btnArray[4].handle(props.scope)" v-if="props.scope.status === '1'" text>启用</el-button>

    </div>
</template>
<script setup>
import { onMounted } from 'vue'
import $button from '@/button'
const props = defineProps({ scope: { default: function () { return [] } }, tableItem: { default: function () { return [] } } })
onMounted(() => {
    console.log(props.tableItem, 'props')
})
</script>
